import React, { Fragment } from 'react'
import { useAppSelector } from 'store/hooks'
import { ImageView } from 'components'
const Collect = () => {
  const store = useAppSelector((s) => s.classify)
  return (
    <div>
      {store.collectArr.map((item) => {
        return (
          <Fragment key={item.id}>
            <h1>{item.title}</h1>
            <span>{item.desc}</span>
            <div style={{ width: 150, height: 150 }}>
              <ImageView src={item.img}></ImageView>
            </div>
          </Fragment>
        )
      })}
    </div>
  )
}

export default Collect
